<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>老铁,双击666,礼物走一走</div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <script>

        // 事件目标 就是  触发事件的元素 
        // 可以是一个 也可以是多个  

        // 获取事件目标的方式: 事件对象.target
        // var divele = document.querySelector('div');
        // divele.onclick = function(event){
        //     var e = event || window.event;
        //     // alert(e.target);
        //     // alert(this);
        //     // 当事件目标只有一个的时候 this 和事件对象.target 一样的
        // }

        var ulele = document.querySelector('ul');
        ulele.onclick = function(event){
        
            // ul是事件源   
            // this 是事件源 
            var e = event || window.event;
            // alert(e.target); // 这个时候 点击li 得到的li 



        }

        // var lis = ulele.querySelectorAll('li');
        // for(var i=0;i<lis.length;i++){
        //     lis[i].onclick = function(){
        //         alert(this);  // 事件源 就是this  
        //     }
        // }



    </script>
</body>
</html>